.统计-view {
  background-color: var(--lumo-contrast-10pct);
  box-sizing: border-box;
  display: block;
  font-size: var(--lumo-font-size-m);
  height: 100%;
  overflow: auto;
  padding: var(--lumo-space-m) var(--lumo-space-l);
}

.统计-view vaadin-board {
  margin: 0 auto;
  max-width: 1024px;
}

/* Wrapper */
.统计-view .wrapper {
  display: flex;
  padding: var(--lumo-space-s);
}

/* Card */
.统计-view .card {
  align-items: baseline;
  background-color: var(--lumo-base-color);
  border-radius: var(--lumo-border-radius);
  box-shadow: var(--lumo-box-shadow-xs);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

.统计-view .card h2 {
  margin-bottom: 0;
  margin-top: var(--lumo-space-m);
}

.统计-view .card h3 {
  margin-bottom: var(--lumo-space-xs);
  margin-left: var(--lumo-space-m);
  margin-top: var(--lumo-space-m);
}

/* Spacing */
.统计-view .space-m {
  padding: var(--lumo-space-m);
}

/* Text colors */
.统计-view .error-text {
  color: var(--lumo-error-text-color);
}

.统计-view .primary-text {
  color: var(--lumo-primary-text-color);
}

.统计-view .secondary-text {
  color: var(--lumo-secondary-text-color);
}

.统计-view .success-text {
  color: var(--lumo-success-text-color);
}

/* Charts */
.统计-view vaadin-chart {
  padding-top: var(--lumo-space-s);
}

/* supGoodGrid */
.统计-view vaadin-supGoodGrid {
  height: 300px;
}
